<template>
  <div>
    <h1>{{ msg }}</h1>
    <router-link to="/">Go to index</router-link>
  </div>
</template>

<script>
export default {
  data () {
    return {
      // note: changing this line won't causes changes
      // with hot-reload because the reloaded component
      // preserves its current state and we are modifying
      // its initial state.
      msg: 'Hello World!'
    }
  },
  created: function () {
    console.log(this.$route.params)
  }
}
</script>
